<template>
    <div>
        <p>函数式组件</p>
        <Functional :name="`hello ${name}`"></Functional>
        <temp-val :var1="`do ${name}`">
            <template v-slot='{var1}'>
                {{var1}}
            </template>
        </temp-val>

        <Functional2>click me</Functional2>
    </div>
</template>

<script>
import Functional from './Functional'
import Functional2 from './Functional2'
import TempVal from './TempVar'
export default {
    components: {
        Functional,
        TempVal,
        Functional2
    },
    data() {
        return {
            name: 'vue'
        }
    }
}
</script>